<!doctype html>
<html>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<head>
<meta charset="utf-8">

<script src="https://cdn.bootcss.com/jquery/2.1.1/jquery.min.js"></script>

<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

<script type="text/javascript" src="/shambles/mobile/singleton.js"></script>

<script type="text/javascript">
	var redirectUrl="https://open.weixin.qq.com/connect/oauth2/authorize?appid="+APPID+"&redirect_uri="+DOMAIN+"/shambles/mobile/1/index.html&response_type=code&scope=snsapi_base&state=STATE#wechat_redirect";
</script>

<script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="js/index2.js"></script>

<title>兴泸资产管理有限公司</title>
<link rel="icon" href="../../img/xl.ico" type="image/x-icon">
<!-- Buttons 库的核心文件 -->
  <link rel="stylesheet" href="css/buttons.css">
 
 <!-- 只有使用字体图标时才需要加载 Font-Awesome -->
 <link href="https://cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
</head>
 
<body>
<nav class="navbar navbar-default" role="navigation">
    <div class="container-fluid">
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse"
                data-target="#example-navbar-collapse">
            <span class="sr-only"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#"><img src="../../img/xl.ico" width="25px" height="25px"></a>
        <a class="navbar-brand" href="#">资产管理助手</a>
    </div>
    <div class="collapse navbar-collapse" id="example-navbar-collapse">
        <ul class="nav navbar-nav">
            <li><a href="userSetting.html">用户设置</a></li>
            <li><a href="#">关于资产管理助手</a></li>
        </ul>
    </div>
    </div>
</nav>
<div class="container">
    <div class="row" >
    <div class="container">
     <div class="row" >
        
       <div class="col-xs-4 col-sm-3" 
        style="text-align:center;">
          <button id="generalChartInfo" class="button button-raised  button-circle button-jumbo"><i class="fa fa-envelope-open-o"></i></button>
          <div><span>正常合同</span></div>
        </div>
        
        <div class="col-xs-4 col-sm-3" 
        style="text-align:center;">
          <button id="overdueChartInfo" class="button button-raised button-caution button-circle button-jumbo"><i class="fa fa-institution"></i></button>
          <div><span>已逾期合同</span></div>
        </div>
  
       <div class="col-xs-4 col-sm-3" 
        style="text-align:center;">
          <button id="15matureChartInfo" class="button button-raised  button-circle button-jumbo"><i class="fa fa-envelope-open-o"></i></button>
          <div><span>15天内到期合同</span></div>
        </div>

       </div>
      </div>
    
 
    <div class="container">
     <div class="row" >
     
      <div class="col-xs-4 col-sm-3" 
        style="text-align:center;">
          <button id="allChartInfo" class="button button-raised button-highlight button-circle button-jumbo"><i class="fa fa-list-alt"></i></button>
          <div><span>全部合同</span></div>
        </div>
     
     <div class="col-xs-4 col-sm-3" 
        style="text-align:center;">
          <button id="successChartInfo" class="button button-raised  button-circle button-jumbo"><i class="fa fa-envelope-open-o"></i></button>
          <div><span>已完成合同</span></div>
        </div>
     
     <div class="col-xs-4 col-sm-3" 
        style="text-align:center;">
          <button id="historyOverdueChartInfo" class="button button-raised  button-circle button-jumbo"><i class="fa fa-envelope-open-o"></i></button>
          <div><span>历史逾期合同</span></div>
       </div>
     
       
     </div>
    </div>
     
      
      <div class="container">
     <div class="row" >
     
   
       
     </div>
    </div>
      
     <div class="container">
     <div class="row" >

     </div>        
    </div>
</div>


</body>
<style type="text/css">
.col-xs-4{
   padding:15px
}

.corner {
         color: #fff;
         position: relative;
     }

     .corner:after {
         content: attr(data-num);
         line-height: 25px;
         text-align: center;
         width: 25px;
         height: 25px;
         border-radius: 50%;
         background-color: red;
         position: absolute;
         top: -10px;
         right: -10px;
     }


</style>

<script type="text/javascript">

	var financeButton = document.getElementById("finance");
	/*
	var count=4;

	financeButton.setAttribute("data-num",count);

	financeButton.setAttribute("class","button button-raised  button-circle button-jumbo corner");
	*/
	
	$("#generalChartInfo").click(function(){
		location.href="generalChartInfo.html";
	});
	
	$("#overdueChartInfo").click(function(){
		location.href="overdueChartInfo.html";
	});
	
	$("#15matureChartInfo").click(function(){
		location.href="15matureChartInfo.html";
	});
	
	$("#successChartInfo").click(function(){
		location.href="successChartInfo.html";
	});
	
	$("#historyOverdueChartInfo").click(function(){
		location.href="historyOverdueChartInfo.html";
	});
	
	$("#allChartInfo").click(function(){
		location.href="allChartInfo.html";
	});
	
</script>

</html>